home *** CD-ROM | disk | FTP | other *** search
/ PC Open 107 / PC Open 107 CD 1.bin / CD1 / INTERNET / BROWSER / Opera / ow32enen800b1.exe / HELP.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-12-22  |  8.9 KB  |  559 lines
  1. /* general help styles **********************************************/
  2.  
  3. body, table {
  4.     font-family: "trebuchet ms", arial, verdana, sans-serif;
  5.     max-width: 60em;
  6. }
  7.  
  8. body {
  9.     background-color: white;
  10.     color: black;
  11. }
  12.  
  13. h1 {
  14.     margin-top: 0.5em;
  15.     letter-spacing: 1px;
  16.     color: #ac1614;
  17.     font-weight: bold;
  18.     font-size: 2em;
  19. }
  20.  
  21. h2 {
  22.     margin-top: 2em;
  23. color: #666666;
  24.     font-weight: bold;
  25.     font-size: 1.5em;
  26. }
  27.  
  28. h3 {
  29.     font-size: 1.1em;
  30.     color: #666666;
  31.     margin-bottom: 0.5em;
  32.         font-weight: bold;
  33. }
  34.  
  35. h4 {font-size: 1em;}
  36.  
  37. /* p {margin-top: 0em;} */
  38.  
  39.  
  40. ol.alfa {
  41.           list-style: lower-alpha;
  42.           margin-top: 0;
  43. }
  44.  
  45. /* styles for links *************************************************/
  46.  
  47. a:link, .fakelink, a:visited { 
  48.     text-decoration: none;
  49.     color: #3366CC;
  50. }
  51.  
  52. a:hover { 
  53.     text-decoration: underline;
  54.     color: #3366CC;
  55. }
  56.  
  57.  
  58. /* styles for text types ********************************************/
  59.  
  60. span.url, span.mailaddress, span.html, span.mime, span.file { 
  61.     font-family: "Lucida Console", "Courier New", monospace;
  62.     color: green;
  63.     white-space: nowrap;
  64. }
  65.  
  66. span.html a {color: green;}
  67.  
  68. kbd { 
  69.     white-space: nowrap;
  70. }
  71.  
  72. table kbd {font-size: 90%;}
  73.  
  74. .bold {font-weight: bold;}
  75.  
  76. .red {color: red;}
  77.  
  78. .underline {text-decoration: underline !important;}
  79.  
  80. .nowrap {white-space: nowrap;}
  81.  
  82. span.note {
  83.     color:#ac1614;
  84.     font-weight: bold;
  85. }
  86.  
  87. p.copyright {
  88.     margin-top: 3em;
  89.     padding-top: 1em;
  90.     border-top: 1px solid gray;
  91.     color: gray;
  92.     font-size: 0.75em;
  93.     text-align: center;
  94. }
  95.  
  96. p.tocnote {
  97.     margin-top: 2em;
  98.     text-align: center;
  99. }
  100.  
  101.  
  102. /* styles for tables ************************************************/
  103.  
  104. table {margin-bottom: 1em;}
  105.  
  106. td, th { 
  107.     text-align: left; 
  108.     vertical-align: top; 
  109. }
  110.  
  111. /* nice tables */
  112.  
  113. table.nice {
  114.     border-collapse: collapse;
  115.     border-style: hidden;
  116.     border-spacing: 0;
  117.         margin-left: 2.5%;
  118. }
  119.  
  120. table.nice td, table.nice th {
  121.     border: 1px dotted black;
  122.     padding: 0.25em;
  123.     font-size: 0.9em;
  124.     color: black;
  125.     background-color: white;
  126. }
  127.  
  128. table.nice th {white-space: nowrap;}
  129.  
  130. /* keyboard tables */
  131.  
  132. table.keytable {
  133.     width: 100%;
  134.     border-collapse: collapse;
  135.     border-style: hidden;
  136.     border-spacing: 0;
  137. }
  138.  
  139. table.keytable th, table.keytable td {
  140.     border: 1px dotted black;
  141.     padding: 0.25em;
  142. }
  143.  
  144. table.keytable th {
  145.     font-weight: normal;
  146.     padding-left: 0em;
  147. }
  148.  
  149. table.keytable td {
  150.         width: 25%;
  151.     white-space: nowrap;
  152.     padding-left: 0.5em;
  153. }
  154.  
  155. table.keytable h3 {
  156.     margin-bottom: 0;
  157.     margin-top: 0.75em;
  158. }
  159.  
  160. table.keytable ul,
  161. table.keytable li,
  162. table.nice ul,
  163. ul.lean,
  164. ul.lean li { 
  165.     list-style: none;
  166.     margin: 1px 0px 1px 0px;
  167.     padding: 0px;
  168. }
  169.  
  170. ul.lean li + li {padding-top: 1em;}
  171.  
  172.  
  173. /* styles for menus *************************************************/
  174.  
  175. table.mainmenu, table.menu {
  176.     border-spacing: 0;
  177.     empty-cells: show;
  178.     margin-left: 2em;
  179. }
  180.  
  181. table.menu th, table.menu td, table.mainmenu th {
  182.     text-align: left;
  183.     font-weight: normal;
  184.     vertical-align: top;
  185.     white-space: nowrap;
  186. }
  187.  
  188. table.menu th {
  189.     font: menu;
  190.     color: MenuText;
  191.     background-color: ThreeDFace;
  192.     border-left: 2px outset ThreeDLightShadow;
  193.     border-right: 2px ridge ThreeDDarkShadow;
  194.     padding: 0.15em 1em 0.15em 1em;
  195.     white-space: nowrap;
  196. }
  197.  
  198. table.menu td {
  199.     color: black;
  200.     background-color: white;
  201.     font-family: "Arial", "Tahoma", sans-serif;
  202.     font-size: 0.8em;
  203.     padding: 0em 0.5em 0em 0.5em;
  204.     vertical-align: middle;
  205. }
  206.  
  207. table.mainmenu th {padding: 4px;}
  208.  
  209. .mainmenu {
  210.     font: menu;
  211.     color: MenuText;
  212.     background-color: ThreeDFace;
  213.     padding: 0em 0.5em 0em 0.5em;
  214. }
  215.  
  216. table.menu th.sub {padding-left: 3em;}
  217.  
  218. table.menu th.sub2 {padding-left: 4.5em;}
  219.  
  220. table.menu tr.maketop th {
  221.     border-top: 2px outset ThreeDLightShadow;
  222.     padding: 0;
  223.     line-height: 0;
  224. }
  225.  
  226. table.menu tr.makebottom th {
  227.     border-bottom: 2px ridge ThreeDDarkShadow;
  228.     padding: 0;
  229.     line-height: 0;
  230. }
  231.  
  232. table.menu tr.makesep th {
  233.     border-top: 2px groove ThreeDLightShadow;
  234.     padding: 0;
  235.     line-height: 0;
  236. }
  237.  
  238. table.menu tr.makesep td {
  239.     border-top: 1px dotted black;
  240.     padding: 0;
  241.     line-height: 0;
  242. }
  243.  
  244. /*
  245. tr.cool th:before {
  246.     content: "⇒ ";
  247.     font-weight: bold;
  248.     color: #CC0000;
  249. }
  250.  
  251. tr.cool td {font-weight: bold;}
  252. */
  253.  
  254. td.ui, table.nice td.ui {
  255.     background-color: ThreeDFace;
  256.     color: MenuText;
  257.     padding: 0px;
  258.     padding-left: 0.5em;
  259.     padding-right: 0.5em;
  260.     font: menu;
  261.     text-align: left;
  262.     white-space: nowrap;
  263. }
  264.  
  265. td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
  266.     color: MenuText;
  267.     text-decoration: none;
  268. }
  269.  
  270. td.ui a:hover, .mainmenu a:hover {
  271.     color: HighlightText;
  272.     background-color: ActiveCaption;
  273.     text-decoration: none;
  274. }
  275.  
  276.  
  277. /* input styles *****************************************************/
  278.  
  279. input.button {
  280.     min-width: 75px;
  281.     min-height: 24px;
  282. }
  283.  
  284.  
  285. /* style for start page *********************************************/
  286.  
  287. body.startpage h1 {
  288.     text-align: center;
  289.     margin: 0em 0em 0.5em 0em;
  290.     padding: 0em 1em 0em 0em;
  291.     font-weight: bold;
  292. }
  293.  
  294. body.startpage h2 {
  295.     margin-top: 0.5em;
  296.     margin-bottom: 0em;
  297.     border-bottom: none;
  298.     page-break-before: avoid;
  299.     font-weight: normal;
  300. }
  301.  
  302. body.startpage h3 {
  303.     margin-top: 0.5em;
  304.     margin-bottom: 0em;
  305. }
  306.  
  307. body.startpage p {clear: both;}
  308.  
  309. div.section {
  310.     float: left;
  311.     margin-left: 4%;
  312.     margin-right: 0.5em;
  313.     padding-left: 1em;
  314.     padding-right: 1em;
  315.     font-weight: normal;
  316. }
  317.  
  318. div.section p, div.section ul {max-width: 25em;}
  319.  
  320. div.section td {
  321.   padding-right: 2em;
  322. }
  323.  
  324. body.toc a:link, body.toc a:visited, ul.prefslist li a:link, ul.prefslist li a:visited {
  325.     text-decoration: none;
  326.     color: black;
  327. }
  328.  
  329. body.toc a:hover, ul.prefslist li a:hover {
  330.     text-decoration: none;
  331.         color: white;
  332.     background-color: black;
  333. }
  334.  
  335. body.startpage ul {
  336.     list-style: none;
  337.     margin: 0.5em 0em 0.5em 0em;
  338.     padding: 0em;
  339. }
  340.  
  341. body.startpage li {
  342.     margin: 0;
  343.     padding: 0;
  344. }
  345.  
  346. body.startpage form.search {
  347.     padding-right: 1em;
  348.     text-align: right;
  349.     float: right;
  350. }
  351.  
  352. form.search input[type="submit"] {font-size: 0.9em;}
  353.  
  354.  
  355. /* styles for toc **********************************************/
  356.  
  357. body.toc {
  358.     font-family: "Verdana", serif;
  359.     font-size: 11px;
  360.     padding-left: 10px;
  361. }
  362.  
  363. body.toc form.search {
  364. }
  365.  
  366. ol.toc { 
  367.     display: table;
  368. }
  369.  
  370. body.toc ul, ol.toc { 
  371.     list-style: none;
  372.     margin: 0;
  373.     margin-left: 0em;
  374.     font-size: 1.2em;
  375.     font-weight: bold;
  376. }
  377.  
  378. ol.toc ul {
  379.     font-size: 0.9em;
  380.     margin-left: 0em;
  381.     border-top: none;
  382.     font-weight: normal;
  383.     border-top: 1px dotted black;
  384.     margin-bottom: 1em;
  385. }
  386.  
  387. ol.toc ul ul {
  388.     font-size: 0.9em;
  389.     margin-top: 0;
  390.     margin-left: 1em;
  391.     border-top: none;
  392.     margin-bottom: 0;
  393. }
  394.  
  395. body.toc li {margin: 0;}
  396.  
  397.  
  398. /* styles for prefslist *********************************************/
  399.  
  400. ul.prefslist { 
  401.     list-style: none;
  402.     display: table;
  403. }
  404.  
  405. .prefslist li {
  406.     margin: 0;
  407. }
  408.  
  409. .prefsdiv { 
  410.     border-top: dotted 1px black;
  411.     padding: 0;
  412.     line-height: 0;
  413. }
  414.  
  415. /* styles for treeview **********************************************/
  416.  
  417. table.tree {border-spacing: 0;}
  418.  
  419. table.tree th, table.tree td {
  420.     text-align: left;
  421.     font-weight: normal;
  422.     vertical-align: top;
  423. /*    white-space: nowrap;*/
  424. }
  425.  
  426. table.tree th {
  427.     font: menu;
  428. color: MenuText;
  429.     padding: 0.15em;
  430.     padding-left: 1em;
  431.     padding-right: 1em;
  432.     white-space: nowrap;
  433. }
  434.  
  435. table.tree td {
  436.     font-family: "Arial", "Tahoma", sans-serif;
  437.     font-size: 11px;
  438.     padding-left: 0.5em;
  439.     padding-right: 0.5em;
  440.     vertical-align: middle;
  441. }
  442.  
  443. table.tree th.tsub {padding-left: 3em;}
  444.  
  445. table.tree th.tsub2 {padding-left: 4.5em;}
  446.  
  447. tr.parent td, tr.parent th {font-weight: bold;}
  448.  
  449.  
  450.  
  451. /* styles for media **********************************************/
  452.  
  453. @media screen, projection, tv {
  454.  
  455. body, table {
  456.     max-width: 60em;
  457. }
  458.  
  459. body {
  460.     margin-left: auto;
  461.     margin-right: auto;
  462. }
  463.  
  464. kbd {
  465. background:#eee; 
  466. padding:0 2px;
  467. }
  468.  
  469. a[target="_blank"]:after {
  470.     content: " \bb\bb";
  471.     color: green;
  472. }
  473.  
  474. p.projection-note {display: none;}
  475.  
  476. }
  477.  
  478.  
  479. @media screen, tv {
  480.  
  481. html {
  482.     padding: 1em;
  483.     border-top: thin solid black;
  484.     background-color: #e3e3e3;
  485.     background-repeat: repeat;
  486. }
  487.  
  488. body {font-size: 0.9em;}
  489.  
  490. }
  491.  
  492.  
  493. @media projection {
  494.  
  495. body {font-size: 1.2em;}
  496.  
  497. h1 {
  498.     margin-top: 20%;
  499.     text-align: center;
  500.     font-size: 3em;
  501. }
  502.  
  503.  
  504. h2 {
  505.     margin-top: 0em;
  506.     padding: 1em 0.5em 0.5em 0.5em;
  507.     background-color: #355382;
  508.     color: white;
  509.     border: none;
  510.     page-break-before: always;
  511. }
  512.  
  513. p.projection-note {
  514.   display: block;
  515.   position: absolute;
  516.   text-align: right;
  517.   right: 1em;
  518.   left: 1em;
  519.   bottom: 1em;
  520. }
  521.  
  522. .nobreak {page-break-before: avoid;}
  523.  
  524. p.copyright {display: none;}
  525.  
  526. }
  527.  
  528.  
  529. @media print {
  530.  
  531. body, table {
  532.     font-size: 11pt;
  533. }
  534.  
  535. * {
  536.     color: black !important;
  537. }
  538.  
  539. kbd:before {
  540.     content: "[";
  541. }
  542.  
  543. kbd:after {
  544.     content: "]";
  545. }
  546.  
  547. form.search {
  548.     display: none;
  549. }
  550.  
  551. }
  552.  
  553. .nice div {
  554.   width: -o-skin; height: -o-skin;
  555.   display: inline-block;
  556. }
  557.  
  558. /* end of styles ****************************************************/
  559.